<html>
    <head>
        <meta charset="utf-8">
        <link href="__CSS__bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="__CSS__allcontent.css" type="text/css" rel="stylesheet">
        <script src="__JS__jquery-3.1.1.min.js"></script>
        <script src="__JS__bootstrap.min.js"></script>
    </head>
    <body>
        <div class="col-sm-offset-1 col-md-offset-1 col-sm-10 col-md-10">
            <div class="page-header">
                
				<h1>{$type}&nbsp;列表</h1>
            </div>

           <volist name="list" id="vo" key="c">
				
                        <!--一遍博文介绍-->
                    <div class="col-sm-12 col-md-12 panel-body">
                        <img class="col-sm-4 col-md-4 img-rounded img-responsive" src="__IMGS__01.jpg" style="height:10em;width:15em;">
                        <div class="col-sm-8 col-md-8">
                                <!--文章标题-->
                                <div class="col-sm-12 col-md-12 " style="font-weight: bold;">
                                   <a href="__ADMIN__Article/content/id/{$vo['id']}"> {$vo.title}</a>
                                </div>
                                <!--文章内容-->
                                <div class="col-sm-12 col-md-12"  style="height:8em;overflow-y: hidden;">
                                    {$vo.context|htmlspecialchars_decode|cutstr_html|msubstr=0,100}
                                </div>
                               
                            </div>

                             <!--文章尾部-->
                                <div class="col-sm-12 col-md-12" style="margin-top:10px;">
                                    <ul class="list-style list-inline col-sm-12 col-md-12" style="display: inline-block; ">

                                       <li class="col-sm-2 col-md-2">
                                            <i class="glyphicon glyphicon-time" style="color:#3778fa;"></i>
                                            <span>{$vo.time}</span>
                                        </li>

                                        <li class="col-sm-2 col-md-2">
                                                <i class="glyphicon glyphicon-comment" style="color:#3778fa;"></i>
                                                评论<span>({$vo['commentnum']})</span>
                                        </li>

                                        <li class="col-sm-2 col-md-2">
                                            <i class="glyphicon glyphicon-eye-open" style="color:#3778fa;"></i>
                                            浏览<span>({$vo['visited']})</span>
                                        </li>

                                        <li class="col-sm-6 col-md-6 text-center">
                                            <a href="__ADMIN__Article/content/id/{$vo.id}">
                                                <button type="button" class="btn btn-info">阅读全文</button>
                                            </a>

                                        </li>
                                    </ul>
                                </div>


                            <div class="col-sm-12 col-md-12 Labe2" style="background-color: #a8a8a8;width:100%;height:0.2em;">
                            </div>
                        </div>

                    </volist>


            <div class="col-md-12 col-sm-12 text-center">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                        <a id="prev" href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                        </li>
                        <for start='1' end="$count+1">
                            <li><a href="__ADMIN__Article/allcontent/num/{$i-1}" >{$i}</a></li>
                        </for>
                        <li>
                        <a id="next" href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                        </li>
                    </ul>
                </nav>
                
            </div>  
        </div>
        <!--辅助的功能 返回顶部 返回首页-->
         <div id="gotop1" class="text-center">
             <span class="text-center">
                 <a href="__HOME__Index/index" class="glyphicon glyphicon-home" style="font-size:4.5em;color:#ededed;text-decoration: none;">
                     <small style="font-size:0.1em;">返回首页</small>
                </a>
             </span>
         </div>
         <div id="gotop2" class="text-center">
             <span class="text-center">
                <a href="#top" class="glyphicon glyphicon-arrow-up" style="font-size:4.5em;color:#ededed;text-decoration: none;">
                     <small  style="font-size:0.1em;">返回顶部</small>
                </a>
             </span>
        </div>

    </body>
    <script>
		
        $(function(){
            $(prev).on('click',function(){
                var num = {$nowNum};
                if(num>0){
                    $(this).attr('href','__ADMIN__Article/allcontent/num/'+(num-1));
                }
            });
            $(next).on('click',function(){
                var sum = {$count},num = {$nowNum};
                if(num+1<sum){
                    $(this).attr('href','__ADMIN__Article/allcontent/num/'+(num+1));
                }
            });
        });
    </script>
</html>